<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
      <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
	<script src="/admin/public/html5shiv.min.js"></script>
	<script src="/admin/public/respond.min.js"></script>
<![endif]-->
<!-- Bootstrap core CSS -->
<link href="/admin/public/bootstrap.min.css" title="" rel="stylesheet" />
<!-- 时间控件样式 -->
<link
	href="/admin/css/plugins/datetimepicker/bootstrap-datetimepicker.min.css"
	rel="stylesheet" media="screen" />
<link rel="stylesheet" href="/admin/css/plugins/toastr/toastr.min.css" />
<link href="/admin/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" />
<link href="/admin/public/animate.css" rel="stylesheet" />
<link rel="stylesheet" href="/admin/public/inspinia.css" />
<link rel="stylesheet" href="/admin/css/templet_form.css" />
<link rel="stylesheet" type="text/css"
	href="${request.getContext }/admin/css/xcConfirm.css" />
</head>
  <body>  
        <div class="index_box">  
            <div class="apply_name">微信js支付测试</div>  
              
            <div class="branch_con">  
                <ul>  
                    <li><span class="name">测试支付信息</span></li>  
                </ul>  
                <p class="cz_btn"><a onclick="pay();" class="btn_1">立即支付</a></p>  
            </div>  
        </div>  
      	
      		<script src="/admin/public/jquery-1.11.3.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
           
        
        <script>
        var appId = "${appid}";
        var timeStamp ="${timestamp}";
        var nonceStr = "${nonceStr}";
        //var signature = "${weiXinOrderRequset.signature}";
        var paySign = "${paySign}";
        var pkg = "${packageValue}";
        var signType = "MD5";
     /*    
        $(function () {
        	alert("appId="+appId);   
        	alert("timeStamp="+timeStamp); 
        	alert("nonceStr="+nonceStr); 
        	alert("paySign="+paySign);
        	alert("pkg="+pkg);
        	alert("signType="+signType);
        	
        	

    	}); */
        
        function onBridgeReady(){  
            WeixinJSBridge.invoke(  
                'getBrandWCPayRequest', 
                {  
                    "appId" : appId,     //公众号名称，由商户传入       
                    "timeStamp": timeStamp,         //时间戳，自1970年以来的秒数       
                    "nonceStr" : nonceStr, //随机串       
                    "package" :  pkg,       
                    "signType" : signType,         //微信签名方式:       
                    "paySign" : paySign    //微信签名
                },  
                  
                function(res){       
                	alert(res.err_msg);
                    if(res.err_msg == "get_brand_wcpay_request:ok" ) {  
                          
                        alert("支付成功");  // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。   
                    }else{
                    	alert("支付失败"+res.err_msg); 
                    }     
                }  
            );   
         }  
         
         
         function pay(){  
             if (typeof WeixinJSBridge == "undefined"){  
                if(document.addEventListener){  
                    document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);  
                }else if (document.attachEvent){  
                    document.attachEvent('WeixinJSBridgeReady', onBridgeReady);   
                    document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);  
                }  
             }else{  
                onBridgeReady();  
             }   
               
         }  
        
       /*  
        function onBridgeReady(){
       	 WeixinJSBridge.invoke("getBrandWCPayRequest",{
       		 "timestamp": timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
                "nonceStr": nonceStr, // 支付签名随机串，不长于 32 位
                "package": pkg, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
                "signType": signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
                "paySign": paySign // 支付签名
              	},function(res){
              	alert(res.err_msg)
              	WeixinJSBridge.log(res.err_msg);
              	if(res.err_msg == "get_brand_wcpay_request:ok"){
              	alert("支付成功");
              	}else if(res.err_msg == "get_brand_wcpay_request:cancel"){
              	alert("取消支付！");

              	    }else{  
              	         alert("支付失败！");
              	    } 
              	})
       }	
       
       function pay(){
               onBridgeReady();  
       } */  
        
     /*     $(function () {
        	alert(appId)
        	alert(timeStamp)
        	alert(nonceStr)
        	alert(paySign)
        	alert(pkg)
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: appId, // 必填，公众号的唯一标识
            timestamp: timeStamp, // 必填，生成签名的时间戳
            nonceStr: nonceStr, // 必填，生成签名的随机串
            jsApiList: ['chooseWXPay', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'showOptionMenu'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

    });

    function pay() {
    	alert("1")
        wx.chooseWXPay({
            "timestamp": timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
            "nonceStr": nonceStr, // 支付签名随机串，不长于 32 位
            "package": pkg, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
            "signType": signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
            "paySign": paySign, // 支付签名
            complete: function (res) {
                // 支付成功后的回调函数
                if (res.errMsg == 'chooseWXPay:ok') {
                	alert("支付成功");
                    //location.href = "${pageContext.request.contextPath}/order/payResult.shtml?flag=true&orderId=${orderId}";
                } else {
                	 alert("支付失败！");
                    //location.href = "${pageContext.request.contextPath}/order/payResult.shtml?flag=false&orderId=${orderId}";
                }
            }
        });
    }  */
        
        
        
        
        
        
        

          
         /*  function onBridgeReady(){  
        	  
        	  WeixinJSBridge.invoke("getBrandWCPayRequest",{
              	"appId":$("#appid").val(),  
              	"timeStamp":$("#timestamp").val(),
              	"nonceStr":$("#nonceStr").val(),   
              	"package":$("#packageValue").val(),
              	"signType":"MD5",
              	"paySign":$("#paySign").val()
              	},function(res){
              	WeixinJSBridge.log(res.err_msg);
              	if(res.err_msg == "get_brand_wcpay_request:ok"){
              	alert("支付成功");
              	}else if(res.err_msg == "get_brand_wcpay_request:cancel"){
              	alert("取消支付！");

              	    }else{  
              	         alert("支付失败！");
              	    } 
              	}
              	
           } */
             /*   WeixinJSBridge.invoke(  
                   'getBrandWCPayRequest', {  
                       "appId" : appId,     //公众号名称，由商户传入       
                       "timeStamp": timeStamp,         //时间戳，自1970年以来的秒数       
                       "nonceStr" : nonceStr, //随机串       
                       "package" : "prepay_id=" + pg,       
                       "signType" : signType,         //微信签名方式:       
                       "paySign" : paySign    //微信签名   
                   },  
                     
                   function(res){       
                       if(res.err_msg == "get_brand_wcpay_request:ok" ) {  
                             
                           alert("支付成功");  
                       }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。   
                   }  
               );  */  
            
        
            
           /*  function pay(){  
                  alert("1");
                if (typeof WeixinJSBridge == "undefined"){  
                   if( document.addEventListener ){  
                       document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);  
                   }else if (document.attachEvent){  
                       document.attachEvent('WeixinJSBridgeReady', onBridgeReady);   
                       document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);  
                   }  
                }else{  
                   onBridgeReady();  
                }   
                  
            }   */
        </script>  
    </body> 
</html>
